<template>
  <!-- 底部 -->
  <div class="foot">
    <div class="foot-box" :style="{ width: language == 'en' ? '1400px' : '' }">
      <div class="company-msg">
        <img
          class="img"
          style="width: 10ppx; height: 100px"
          v-if="webConfigData.pcLogoImg"
          src="../assets/images/logo.png"
        />
        <div class="name">{{ $t('language')=='zh'?webConfigData.pcCompanyNameCn:webConfigData.pcCompanyNameEn}}</div>
        <div
          class="web"
          v-for="(itemInfo, index) in webConfigData.pcCompanyInfoLang"
          :key="index"
        >
          {{ itemInfo }}
        </div>
      </div>
      <div class="right">
        <!-- <div class="item official-code" v-if="webConfigData.pcQrcodeImg" >
            <div class="img"><img :src="webConfigData.pcQrcodeImg"
                                  alt=""></div>
            <div class="text">{{ $t('commonFoot.scanTheCodeToFollowUs') }}</div>
          </div> -->
        <div
          class="item service"
          :style="{ width: language == 'en' ? '125px' : '' }"
        >
          <div class="tit">{{ $t('commonFoot.serviceGuarantee') }}</div>
          <div class="con">
            <div class="text">{{ $t('commonFoot.genuineGuarantee') }}</div>
            <div class="text">{{ $t('commonFoot.sevenDayreturn') }}</div>
            <div class="text">{{ $t('commonFoot.sevenDayservice') }}</div>
          </div>
        </div>
        <div
          class="item service"
          :style="{ width: language == 'en' ? '125px' : '' }"
        >
          <div class="tit">{{ $t('commonFoot.paymentMethod') }}</div>
          <div class="con">
            <div class="text">{{ $t('commonFoot.onlinePayment') }}</div>
            <div class="text">{{ $t('commonFoot.cashOnDelivery') }}</div>
            <div class="text">{{ $t('commonFoot.offlinePayment') }}</div>
          </div>
        </div>
        <div
          class="item service"
          :style="{ width: language == 'en' ? '125px' : '' }"
        >
          <div class="tit">{{ $t('commonFoot.logisticsServices') }}</div>
          <div class="con">
            <div class="text">
              {{ $t('commonFoot.freeShippingOnProducts') }}
            </div>
            <div class="text">{{ $t('commonFoot.courierDelivery') }}</div>
            <div class="text">EMS</div>
          </div>
        </div>
        <div
          class="item service"
          :style="{ width: language == 'en' ? '125px' : '' }"
        >
          <div class="tit">{{ $t('commonFoot.memberServices') }}</div>
          <div class="con">
            <div class="text">{{ $t('commonFoot.freeRegistration') }}</div>
            <!-- <div class="text">{{ $t('commonFoot.retrievePassword') }}</div> -->
            <!-- <div class="text">{{ $t('commonHead.personalCenter') }}</div> -->
          </div>
        </div>
      </div>
    </div>
    <!-- <div class="copyright" >{{$t('language')=='zh'?webConfigData.pcCopyrightCn:webConfigData.pcCopyrightEn}}</div> -->
    <!-- <div class="copyright">©Copyright 2021 福建沙味天下信息技术有限公司 版权所有 | 湘ICP备2021012025号</div> -->
    <div class="copyright">
      ©Copyright 2021 福建沙味天下信息技术有限公司 版权所有 |
      闽ICP备<a target="view_window" href="https://beian.miit.gov.cn" style="color:#666;">2021018819</a>号
    </div>
  </div>
  <!-- /底部 -->
</template>

<script>
export default {
  data() {
    return {
      webConfigData: {},
      language: this.$store.state.locale,
    }
  },
  mounted() {
    this.webConfigData = JSON.parse(localStorage.getItem('webConfig') || '{}')
    if (this.$t('language') == 'zh') {
      this.webConfigData.pcCompanyInfoLang = this.webConfigData.pcCompanyInfoCn
        ? this.webConfigData.pcCompanyInfoCn.split('\n')
        : []
    } else {
      this.webConfigData.pcCompanyInfoLang = this.webConfigData.pcCompanyInfoEn
        ? this.webConfigData.pcCompanyInfoEn.split('\n')
        : []
    }
  },
}
</script>

<style scoped>
</style>
